{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}CRM{% endblock %}</title>
    <link rel="shortcut icon" href="{% static 'stark/imgs/luffy-study-logo.png' %}">
    <link rel="stylesheet" href="{% static 'stark/plugins/bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'stark/plugins/font-awesome/css/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'stark/css/commons.css' %}">
    <link rel="stylesheet" href="{% static 'stark/css/nav.css' %}">
    <link rel="stylesheet" href="{% static 'stark/css/search-group.css' %}">
    {% block css %} {% endblock %}
</head>

<body>
    <div class="pg-header">
        <div class="nav">
            <div class="logo-area left">
                <a href="#">
                    <img class="logo" src="{% static 'stark/imgs/logo.svg' %}" alt="luffycity">
                    <span style="font-size:18px;">luffycity</span>
                </a>
            </div>


            <div class="left-menu left">
                <a href="#" class="menu-item">资产管理</a>
                <a href="#" class="menu-item">用户信息</a>
                <a href="#" class="menu-item">路飞管理</a>
                <div class="menu-item">
                    <span>使用说明</span>
                    <i class="fa fa-caret-down" aria-hidden="true"></i>
                    <div class="more-info">
                        <a href="#" class="more-item">管他什么菜单</a>
                        <a href="#" class="more-item">实在是编不了</a>
                    </div>
                </div>
            </div>

            <div class="right-menu right clearfix">
                <div class="user-info right">
                    <a href="#" class="avatar">
                        <img class="img-circle" src="{% static 'stark/imgs/default.png' %}" alt="avatar img">
                    </a>
                    <div class="more-info">
                        <a href="#" class="more-item">个人信息</a>
                        <a href="#" class="more-item">注销</a>
                    </div>
                </div>

                <a class="user-menu right">
                    消息
                    <i class="fa fa-commenting-o" aria-hidden="true"></i>
                    <span class="badge bg-success">2</span>
                </a>

                <a class="user-menu right">
                    通知
                    <i class="fa fa-envelope-o" aria-hidden="true"></i>
                    <span class="badge bg-success">2</span>
                </a>

                <a class="user-menu right">
                    任务
                    <i class="fa fa-bell-o" aria-hidden="true"></i>
                    <span class="badge bg-danger">4</span>
                </a>
            </div>
        </div>
    </div>

    <div class="pg-body">
        <div class="left-menu">
            <div class="menu-body">

                    <!--侧边栏-->


            </div>
        </div>

        <div class="right-body">


            {% block content %} {% endblock %}
        </div>
    </div>
    <script type="text/javascript" src="{% static 'stark/js/jquery-3.3.1.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'stark/plugins/bootstrap/js/bootstrap.min.js' %}"></script>
    {% block js %} {% endblock %}
</body>
</html>